
<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<title>崂山风景介绍</title>
	<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,user-scalable=no;">
	<meta name="description" content="">
	<meta name="author" content="Apphost">
<base href="http://www.iiiiiiiii.com.cn/laoshan/">
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/index.css" rel="stylesheet">
</head>
<body>



<div class="topbar">
	<div class="container">
		<img class="logo" src="img/logo.gif">
	</div>	
	<div class="text-right hdList01">
		<span class="col-sx-4">国家级风景名胜区</span>
		<span class="col-sx-4">国家森林公园</span><br>
		<span class="col-sx-4">国家AAAAA级旅游区</span>		
	</div>
</div>

<div class="container main">
	
	<div class="music_control"><a href="#" onclick="document.getElementById('backmusic').play()"><img src="img/play_music.jpg" alt="播放音乐"></a>　　<a href="#" onclick="document.getElementById('backmusic').pause()"><img src="img/close_music.jpg" alt="关闭音乐"></a></div>
	
	<h1 class="text-center">崂山风景介绍</h1>	
	
	<div style="overflow:hidden;">
	</div>
	
	<div style="width:100%; text-align:center;">
		<video id="pre-video" preload="none" controls width=280 height=186 poster="img/pic-01.gif">
		<source src="media/1.ogv" type='video/ogg; codecs="theora, vorbis"'/>
		<source src="media/1.webm" type='video/webm' >
		<source src="media/1.mp4" type='video/mp4'>
		<p>Video is not visible, most likely your browser does not support HTML5 video</p>
		</video>
	</div>
	<div style="text-align:center;">由于视频很大，请在WLAN或WiFi状态下播放。</div>
	<div class="topLine row">
		<span class="glyphicon glyphicon-stop line-head"></span>
		<span class="line-summary">崂山风景之</span>
		<span class="line"></span>
	</div>
	<h2>绍介</h2>
	<p>进入山门，神龟背负河图、洛书的巨大雕塑仿佛将我们带到中国远古人类的神话中。中华古老文化的发源，中国古代的数学、哲学以及由此衍生出的一切理学观念，都是以河图、洛书作为起源。</p>
	<img class="img-thumbnail" src="img/pic-02.gif">
	<p>神龟负图雕塑源自中国最古老的传记和记载，据《天原发微》载："大禹治水，神龟出洛，负文列于背，有数至九……禹因第之，以成九畴。"意思是大禹在治水过程中，来到洛水这个地方时，有一只巨大的神龟从河里爬出来，它的背上有好似文字之类的符号，仔细看后，是九个排列有序的自然数，这种排列达到数理上的一种非常完美的平衡，大禹受到启发，按照神龟背上所负的数字序列把中华大地划为九个州，这就是我国早期疆域形成的开端，距今已有4100多年。后人便把这只龟称为神龟，由于它出自洛水河，便称这个数理排列式为"洛书"。这尊神龟由303块石头堆砌而成，重达199吨，雕塑的主题就是"神龟负图"。它记载和反映着我们祖先的聪明与睿智，也显示了古代文明的博大和深远。</p>
<a href="2.html"><img class="img-thumbnail" src="img/pic-03.gif"></a>
 <p> 沿8公里长的进山公路建起的崂山文化墙与精美小巧的园林小品，只是解读崂山的索引，要真正了解崂山、读懂崂山，还需要走进崂山深处。

	</p>

	<div class="buttom-line"></div>

	<div class="row contact">
		<img class="col-xs-6 img-thumbnail weixin" src="img/wx01.gif">
		<div class="col-xs-6 ">
			<h3 class="text-center ttl01">关注我们</h3>
			<ul class="contact-list">
				<li class="weixin">
					<h4>微信公众号</h4>
					<span>Laoshan</span>
				</li>
				<li class="weibo">
					<h4>新浪微博</h4>
					<span>weibo.com/Laoshan</span>
				</li>
				<li class="user">
					<h4>咨询投诉：<br><a href="tel:053296166">0532-96616</a></h4>
					<span>邮箱：<br><a href="mailto:info@126.com">info@126.com</a></span>
				</li>
			</ul>
		</div>

	</div>

</div>

<div class="footer text-center">
	<p>青岛市崂山风景区管理局 版权所有</p>
	<p>Copyright (C) 2014-2016 All rights reserved.</p>
</div>


 <script src="js/jquery-2.0.3.min.js" type="text/javascript"></script>
 <script src="js/bootstrap.min.js" type="text/javascript"></script>
	<script>
	var DV = {
		video : null,
		confirmed : 0,
		init : function(){
			this.video = document.getElementById('pre-video');
			this.video.addEventListener('play', this.before);
		},
		before : function(){
			if( !DV.confirmed ){
				DV.confirmed = 1;
				if( confirm('友情提示：视频较大，播放比较浪费手机流量，请在wilf网络环境下观看。') ){
					return DV.confirmed;
				}else{
					DV.video.pause();
				}
			}
			return false;
		}
	}
	DV.init();
    </script>
</body>
</html>